@media screen and (width <= 768px) {
  .basic-dialog {
    width: 90%;
  }
}

.basic-dialog {
  @apply text-[12px] p-[24px];

  .el-dialog__header {
    border-bottom: 1px solid #f1f2f3;
    @apply py-0 pr-[24px] flex justify-between h-[32px] mr-0;

    .el-dialog__headerbtn {
      @apply text-[16px] top-[8px] right-[8px];

      .el-dialog__close {
        @apply text-[#2D2E33];
      }
    }
  }

  .el-dialog__body {
    // padding: 24px 32px 32px;
    box-sizing: border-box;
    color: #2d2e33;

    .el-form-item {
      margin-bottom: 24px;
    }
  }

  .el-dialog__footer {
    height: 56px;
    border-top: 1px solid #f6f6f6;

    .dialog-footer {
      .el-button {
        min-width: 48px;
        height: 32px;
      }

      .el-button:nth-child(2) {
        margin-left: 16px;
      }
    }
  }
}
